// 优T定制小程序介绍页面，优化SEO结构
import { Metadata } from 'next';

// 页面元数据配置
export const metadata: Metadata = {
  title: '优T定制小程序_在线服装定制平台｜T恤POLO衫个性化定制',
  description: '优T定制小程序提供T恤、POLO衫、卫衣等个性化服装定制服务，3分钟完成设计，3天发货，支持企业与个人定制。',
  keywords: '服装定制小程序, T恤定制, POLO衫定制, 个性化服装',
  alternates: {
    canonical: 'https://www.3dkeshihua.com/ut-seo/'
  }
};

export default function Home() {
    // 服装产品数据
    const clothingProducts = [
        {
            id: 1,
            title: '纯棉定制T恤',
            description: '100%纯棉面料，柔软舒适，透气吸汗，可定制各种图案和文字',
            image: '/ut-seo/images/1.png'
        },
        {
            id: 2,
            title: '商务POLO衫',
            description: '高品质珠地棉，商务休闲两相宜，适合企业团队定制',
            image: '/ut-seo/images/1024_1024_1194333_31836c1586c74b30b3903024fc13caab.png'
        },
        {
            id: 3,
            title: '个性卫衣',
            description: '加绒保暖，时尚百搭，可定制各种创意设计',
            image: '/ut-seo/images/1024_1024_898216_223d54114fba0cee5f4412871b6e5799.png'
        },
        {
            id: 4,
            title: '文化衫定制',
            description: '适合社团活动、企业团建、班级纪念等场合的文化衫定制',
            image: '/ut-seo/images/1024_1024_1194333_31836c1586c74b30b3903024fc13caab.png'
        },
        {
            id: 5,
            title: '工服定制',
            description: '专业工装设计，提升企业形象，舒适耐用',
            image: '/ut-seo/images/咖啡色藏青袖_back (7).png'
        },
        {
            id: 6,
            title: '特色花型T恤',
            description: '独特花型设计，彰显个性，时尚潮流',
            image: '/ut-seo/images/0.png'
        }
    ];

    // 小程序功能特点
    const appFeatures = [
        {
            title: '一键定制',
            description: '简单几步，轻松完成个性化定制',
            icon: '🎨'
        },
        {
            title: '海量模板',
            description: '提供丰富的设计模板，满足各种风格需求',
            icon: '📐'
        },
        {
            title: '优质面料',
            description: '精选高品质面料，舒适透气，经久耐用',
            icon: '👕'
        },
        {
            title: '快速配送',
            description: '高效生产流程，最快3天即可送达',
            icon: '🚚'
        }
    ];

    // 定制流程
    const customizationProcess = [
        {
            step: '选择款式',
            description: '浏览并选择喜欢的服装款式'
        },
        {
            step: '上传设计',
            description: '上传您的设计图案或选择模板进行编辑'
        },
        {
            step: '确认订单',
            description: '确认设计效果和订单信息'
        },
        {
            step: '生产配送',
            description: '我们进行生产并按时配送'
        }
    ];

    return (
        <div className="min-h-screen bg-gradient-to-br from-gray-50 to-gray-100">
            {/* 导航栏 */}
            <nav className="bg-white shadow-md">
                <div className="container mx-auto px-4 py-4">
                    <div className="flex justify-between items-center">
                        <div className="text-2xl font-bold text-indigo-700">优T定制</div>
                        <div className="hidden md:flex space-x-8">
                            <a href="#about" className="text-gray-700 hover:text-indigo-600 font-medium">关于我们</a>
                            <a href="#products" className="text-gray-700 hover:text-indigo-600 font-medium">服装产品</a>
                            <a href="#features" className="text-gray-700 hover:text-indigo-600 font-medium">小程序特点</a>
                            <a href="#process" className="text-gray-700 hover:text-indigo-600 font-medium">定制流程</a>
                        </div>
                    </div>
                </div>
            </nav>

            {/* 主内容区 */}
            <div className="container mx-auto px-4 py-12">
                {/* 大幅宣传图展示 */}
                <section className="mb-16 bg-gradient-to-r from-blue-600 to-purple-700 rounded-3xl overflow-hidden shadow-2xl">
                    <div className="py-10 px-4 md:px-0">
                        <div className="flex flex-col items-center justify-center">
                            <img
                                src="/ut-seo/images/promo_banner.png"
                                alt="优T定制小程序宣传横幅 - 个性化服装定制平台"
                                className="w-full max-w-4xl mx-auto object-contain rounded-xl shadow-xl hover:scale-[1.01] transition-transform duration-500"
                                width={1200}
                                height={400}
                            />
                            <div className="mt-8 text-center max-w-2xl">
                                    <h1 className="text-4xl md:text-5xl font-bold text-white mb-6">优T定制小程序 - 您的专属服装定制平台</h1>
                                    <p className="text-xl text-white/90 mb-8">
                                        优T定制小程序是您的私人服装定制专家，提供T恤定制、POLO衫定制、卫衣定制等个性化服装定制服务，让您轻松拥有独一无二的专属服饰。无论是企业团队服装定制还是个人潮流服饰定制，我们都能满足您的需求。随时随地，一键定制，3分钟完成设计，3天发货，品质保证，快速配送。
                                    </p>
                                </div>
                        </div>
                    </div>
                </section>

                {/* 小程序优势展示 */}
                <section className="mb-16">
                    <h2 className="text-3xl font-bold mb-10 text-center text-gray-800">
                        为什么选择优T定制小程序？
                    </h2>
                    <div className="grid md:grid-cols-2 lg:grid-cols-4 gap-8">
                        <div className="bg-white p-6 rounded-xl shadow-md transition-transform hover:scale-105">
                            <div className="w-16 h-16 bg-indigo-100 rounded-full flex items-center justify-center mb-6">
                                <span className="text-3xl">🎨</span>
                            </div>
                            <h3 className="text-xl font-bold mb-3 text-indigo-700">操作简单</h3>
                            <p className="text-gray-600">无需专业设计知识，拖拽式操作，3分钟即可完成个性化设计，让定制变得如此简单。</p>
                        </div>
                        <div className="bg-white p-6 rounded-xl shadow-md transition-transform hover:scale-105">
                            <div className="w-16 h-16 bg-indigo-100 rounded-full flex items-center justify-center mb-6">
                                <span className="text-3xl">🛒</span>
                            </div>
                            <h3 className="text-xl font-bold mb-3 text-indigo-700">品类丰富</h3>
                            <p className="text-gray-600">提供T恤、POLO衫、卫衣、文化衫等多种服装品类，满足您不同场景的定制需求。</p>
                        </div>
                        <div className="bg-white p-6 rounded-xl shadow-md transition-transform hover:scale-105">
                            <div className="w-16 h-16 bg-indigo-100 rounded-full flex items-center justify-center mb-6">
                                <span className="text-3xl">⚡</span>
                            </div>
                            <h3 className="text-xl font-bold mb-3 text-indigo-700">快速配送</h3>
                            <p className="text-gray-600">高效的生产流程，最快3天即可完成生产并配送，让您快速收到定制服装。</p>
                        </div>
                        <div className="bg-white p-6 rounded-xl shadow-md transition-transform hover:scale-105">
                            <div className="w-16 h-16 bg-indigo-100 rounded-full flex items-center justify-center mb-6">
                                <span className="text-3xl">👕</span>
                            </div>
                            <h3 className="text-xl font-bold mb-3 text-indigo-700">精选面料</h3>
                            <p className="text-gray-600">优T定制精选优质纯棉、精梳棉、莫代尔、混纺等多种面料，针对不同服装定制需求提供最适合的选择。我们的面料舒适透气，柔软亲肤，耐穿不变形，确保每件定制服装都拥有出色的穿着体验。</p>
                        </div>
                    </div>
                </section>

                {/* 优惠活动 - 微信二维码区域 */}
                <section className="mb-16">
                    <div className="bg-gradient-to-r from-pink-500 to-orange-500 rounded-3xl shadow-xl p-8 md:p-12 text-white text-center">
                        <h2 className="text-3xl font-bold mb-4">扫描下方二维码，立即领取多重惊喜！</h2>
                        <p className="text-xl mb-8">添加微信好友，享受专属优惠</p>
                        <div className="flex flex-col md:flex-row items-center justify-center gap-8">
                            <div className="bg-white p-6 rounded-2xl shadow-2xl">
                                <img
                                    src="/ut-seo/images/wechat_2025-09-04_215836_898.jpg"
                                    alt="优T定制小程序微信二维码 - 扫码添加好友领取优惠券"
                                    className="w-56 h-56 object-contain mx-auto"
                                    width={224}
                                    height={224}
                                />
                            </div>
                            <div className="space-y-6 w-full md:w-auto">
                                <div className="bg-white/20 backdrop-blur-sm p-5 rounded-xl text-left">
                                    <h3 className="text-xl font-bold mb-2 flex items-center">
                                        <span className="text-2xl mr-3">🎁</span> 新人专享福利
                                    </h3>
                                    <p>添加好友即送50元优惠券，首单立减！</p>
                                </div>
                                <div className="bg-white/20 backdrop-blur-sm p-5 rounded-xl text-left">
                                    <h3 className="text-xl font-bold mb-2 flex items-center">
                                        <span className="text-2xl mr-3">💼</span> 推广计划
                                    </h3>
                                    <p>加入我们的推广计划，赚取丰厚佣金！</p>
                                </div>
                                <div className="bg-white/20 backdrop-blur-sm p-5 rounded-xl text-left">
                                    <h3 className="text-xl font-bold mb-2 flex items-center">
                                        <span className="text-2xl mr-3">🎯</span> 限时活动
                                    </h3>
                                    <p>前100名添加好友的用户，可免费领取精美小礼品一份！</p>
                                </div>
                            </div>
                        </div>
                    </div>
                </section>

                {/* 关于我们 */}
                <section id="about" className="mb-20 bg-white rounded-2xl shadow-lg p-8 md:p-12">
                    <h2 className="text-3xl font-bold mb-8 text-center text-gray-800">
                        关于优T定制
                    </h2>
                    <div className="max-w-4xl mx-auto">
                        <div className="grid md:grid-cols-2 gap-12 items-center">
                            <div>
                                <h3 className="text-2xl font-bold mb-4 text-indigo-700">我们的故事</h3>
                                <p className="text-gray-600 mb-4 leading-relaxed">
                                    优T定制成立于2018年，是一家专注于个性化服装定制的创新科技企业。我们致力于为用户提供高品质、高效率的定制服装服务，让每个人都能轻松拥有专属的时尚服饰。作为专业的服装定制小程序平台，我们拥有丰富的服装定制经验，无论是T恤定制、POLO衫定制、卫衣定制，还是企业团体服装定制、个人潮牌定制，我们都能提供一站式解决方案。
                                </p>
                                <p className="text-gray-600 mb-4 leading-relaxed">
                                    通过优T定制小程序，您可以轻松设计并定制专属于自己的服装，无论是个人穿搭、团队活动还是企业形象，我们都能满足您的需求。
                                </p>
                                <p className="text-gray-600 leading-relaxed">
                                    我们拥有专业的设计团队和先进的生产设备，确保每一件定制服装都能达到高品质标准。至今，我们已经为超过1000家企业和50000名个人用户提供了满意的定制服务。
                                </p>
                            </div>
                            <div className="rounded-xl overflow-hidden shadow-lg">
                                <img
                                    src="/ut-seo/images/0.png"
                                    alt="优T定制团队展示图 - 专业服装定制服务"
                                    className="w-full h-auto object-cover transition-transform hover:scale-105 duration-300"
                                    width={600}
                                    height={400}
                                />
                            </div>
                        </div>
                    </div>
                </section>

                {/* 服装产品展示 */}
                <section id="products" className="mb-20">
                    <h2 className="text-3xl font-bold mb-10 text-center text-gray-800">
                        精选服装产品
                    </h2>
                    <div className="grid md:grid-cols-2 lg:grid-cols-3 gap-8">
                        {clothingProducts.map((product) => (
                            <div
                                key={product.id}
                                className="bg-white rounded-xl shadow-lg overflow-hidden transition-transform hover:scale-[1.02] hover:shadow-xl"
                            >
                                <div className="h-64 flex items-center justify-center bg-gray-50">
                                    <img
                                        src={product.image}
                                        alt={`优T定制${product.title}展示图 - 个性化定制服装`}
                                        className="max-w-full max-h-full object-contain transition-transform hover:scale-110 duration-500"
                                        width={300}
                                        height={300}
                                    />
                                </div>
                                <div className="p-6">
                                    <h3 className="text-xl font-bold mb-2 text-gray-900">{product.title}</h3>
                                    <p className="text-gray-600 mb-4">{product.description}</p>
                                    <button className="w-full bg-indigo-600 text-white font-medium py-2 px-4 rounded-lg hover:bg-indigo-700 transition-colors">
                                        了解详情
                                    </button>
                                </div>
                            </div>
                        ))}
                    </div>
                </section>

                {/* 小程序功能特点 */}
                <section id="features" className="mb-20 bg-gradient-to-br from-indigo-50 to-purple-50 rounded-2xl shadow-lg p-8 md:p-12">
                    <h2 className="text-3xl font-bold mb-10 text-center text-gray-800">
                        小程序功能特点
                    </h2>
                    <div className="grid md:grid-cols-2 lg:grid-cols-4 gap-8">
                        {appFeatures.map((feature, index) => (
                            <div key={index} className="bg-white rounded-xl p-6 shadow-md text-center transition-transform hover:scale-[1.03]">
                                <div className="text-4xl mb-4">{feature.icon}</div>
                                <h3 className="text-xl font-bold mb-3 text-indigo-700">{feature.title}</h3>
                                <p className="text-gray-600">{feature.description}</p>
                            </div>
                        ))}
                        <div className="bg-white rounded-xl p-6 shadow-md text-center transition-transform hover:scale-[1.03]">
                            <div className="text-4xl mb-4">✂️</div>
                            <h3 className="text-xl font-bold mb-3 text-indigo-700">灵活定制</h3>
                            <p className="text-gray-600">优T定制小程序支持多种灵活的服装定制方式，包括图案定制、文字定制、logo定制等，能满足各类个性化需求。无论是个人潮流T恤定制，还是企业团体POLO衫定制，我们都能提供专业的定制解决方案。</p>
                        </div>
                    </div>

                    {/* 小程序码展示 - 优惠活动 */}
                    <div className="mt-16 text-center bg-gradient-to-r from-indigo-600 to-purple-600 rounded-2xl p-8 shadow-xl text-white">
                        <h3 className="text-2xl font-bold mb-3">扫描二维码，享受多重惊喜</h3>
                        <p className="text-xl mb-6">添加微信好友，立即领取专属优惠券</p>
                        <div className="inline-block bg-white p-4 rounded-xl shadow-lg mb-6">
                            <img
                                src="/ut-seo/images/wechat_2025-09-04_215836_898.jpg"
                                alt="微信二维码"
                                className="w-48 h-48 object-contain"
                                width={192}
                                height={192}
                            />
                        </div>
                        <div className="grid md:grid-cols-2 gap-4 max-w-2xl mx-auto">
                            <div className="bg-white/20 backdrop-blur-sm p-4 rounded-lg">
                                <h4 className="font-bold text-lg mb-2">🎁 新人专享</h4>
                                <p>添加好友即送50元优惠券，首单立减</p>
                            </div>
                            <div className="bg-white/20 backdrop-blur-sm p-4 rounded-lg">
                                <h4 className="font-bold text-lg mb-2">💼 推广计划</h4>
                                <p>加入我们的推广计划，赚取丰厚佣金</p>
                            </div>
                            <div className="bg-white/20 backdrop-blur-sm p-4 rounded-lg md:col-span-2">
                                <h4 className="font-bold text-lg mb-2">🎯 限时福利</h4>
                                <p>前100名添加好友的用户，可免费领取精美小礼品一份</p>
                            </div>
                        </div>
                    </div>
                </section>

                {/* 客户评价 */}
                <section className="bg-gradient-to-br from-indigo-50 to-purple-50 py-16 mb-20">
                    <div className="container mx-auto px-4">
                        <h2 className="text-3xl font-bold mb-10 text-center text-gray-800">用户对优T定制的评价</h2>
                        
                        <div className="grid md:grid-cols-2 lg:grid-cols-3 gap-8">
                            <div className="bg-white p-6 rounded-xl shadow-md">
                                <div className="flex items-center mb-4">
                                    <div className="text-yellow-400 flex">★★★★★</div>
                                </div>
                                <p className="text-gray-700 mb-4 italic">"优T定制小程序真的太方便了，我为我们公司定制了50件POLO衫，从设计到收货只用了5天时间，质量非常好，同事们都很满意！"</p>
                                <div className="flex items-center">
                                    <div className="w-10 h-10 bg-indigo-100 rounded-full flex items-center justify-center mr-3">
                                        <span className="text-indigo-600 font-medium">李</span>
                                    </div>
                                    <div>
                                        <p className="font-medium text-gray-800">李先生</p>
                                        <p className="text-sm text-gray-500">企业客户</p>
                                    </div>
                                </div>
                            </div>
                            
                            <div className="bg-white p-6 rounded-xl shadow-md">
                                <div className="flex items-center mb-4">
                                    <div className="text-yellow-400 flex">★★★★★</div>
                                </div>
                                <p className="text-gray-700 mb-4 italic">"我在优T定制小程序上设计了一件独一无二的T恤，面料很舒服，印刷质量也很好，穿出去很多朋友都问在哪里定制的。下次还会再来！"</p>
                                <div className="flex items-center">
                                    <div className="w-10 h-10 bg-indigo-100 rounded-full flex items-center justify-center mr-3">
                                        <span className="text-indigo-600 font-medium">张</span>
                                    </div>
                                    <div>
                                        <p className="font-medium text-gray-800">张女士</p>
                                        <p className="text-sm text-gray-500">个人客户</p>
                                    </div>
                                </div>
                            </div>
                            
                            <div className="bg-white p-6 rounded-xl shadow-md">
                                <div className="flex items-center mb-4">
                                    <div className="text-yellow-400 flex">★★★★★</div>
                                </div>
                                <p className="text-gray-700 mb-4 italic">"作为一个社团负责人，每年都要定制社团服装，优T定制是我用过最好的平台，价格合理，质量过硬，服务也很贴心，强烈推荐！"</p>
                                <div className="flex items-center">
                                    <div className="w-10 h-10 bg-indigo-100 rounded-full flex items-center justify-center mr-3">
                                        <span className="text-indigo-600 font-medium">王</span>
                                    </div>
                                    <div>
                                        <p className="font-medium text-gray-800">王先生</p>
                                        <p className="text-sm text-gray-500">社团负责人</p>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </section>

                {/* 常见问题 */}
                <section className="bg-white py-16 mb-20">
                    <div className="container mx-auto px-4">
                        <h2 className="text-3xl font-bold mb-10 text-center text-gray-800">常见问题</h2>
                        
                        <div className="max-w-3xl mx-auto space-y-6">
                            <div className="bg-gray-50 p-6 rounded-xl">
                                <h3 className="text-xl font-bold mb-3 text-gray-800">定制服装需要多长时间？</h3>
                                <p className="text-gray-600">一般情况下，优T定制小程序可以在3-5个工作日内完成定制服装的生产和发货。具体时间会根据定制难度、订单数量等因素有所调整。</p>
                            </div>
                            
                            <div className="bg-gray-50 p-6 rounded-xl">
                                <h3 className="text-xl font-bold mb-3 text-gray-800">定制服装的起订量是多少？</h3>
                                <p className="text-gray-600">优T定制小程序支持一件起订，无论是个人定制还是企业团体定制，我们都能满足您的需求。团体定制还有更多优惠哦！</p>
                            </div>
                            
                            <div className="bg-gray-50 p-6 rounded-xl">
                                <h3 className="text-xl font-bold mb-3 text-gray-800">可以退换货吗？</h3>
                                <p className="text-gray-600">由于是个性化定制产品，非质量问题一般不支持退换货。但如果收到的产品存在质量问题，请在收到货后7天内联系客服处理。</p>
                            </div>
                            
                            <div className="bg-gray-50 p-6 rounded-xl">
                                <h3 className="text-xl font-bold mb-3 text-gray-800">有哪些支付方式？</h3>
                                <p className="text-gray-600">优T定制小程序支持微信支付、支付宝等多种支付方式，方便快捷。企业客户还可以申请对公转账。</p>
                            </div>
                        </div>
                    </div>
                </section>

                {/* 定制流程 */}
                <section id="process" className="mb-20">
                    <h2 className="text-3xl font-bold mb-10 text-center text-gray-800">
                        简单四步，完成定制
                    </h2>
                    <div className="relative">
                        {/* 连接线 */}
                        <div className="hidden md:block absolute left-1/2 top-10 h-[calc(100%-80px)] w-1 bg-indigo-200 transform -translate-x-1/2 z-0"></div>

                        <div className="space-y-16 relative z-10">
                            {customizationProcess.map((item, index) => (
                                <div key={index} className={`flex flex-col md:flex-row items-center ${index % 2 === 0 ? 'md:flex-row-reverse' : ''}`}>
                                    <div className={`w-full md:w-1/2 ${index % 2 === 0 ? 'md:pr-12 text-right' : 'md:pl-12 text-left'} mb-6 md:mb-0`}>
                                        <h3 className="text-2xl font-bold mb-3 text-indigo-700">{item.step}</h3>
                                        <p className="text-xl text-gray-600">{item.description}</p>
                                    </div>
                                    <div className="w-16 h-16 bg-indigo-600 rounded-full flex items-center justify-center text-white text-xl font-bold shadow-lg">
                                        {index + 1}
                                    </div>
                                    <div className="w-full md:w-1/2"></div>
                                </div>
                            ))}
                        </div>
                    </div>
                </section>


                {/* 结构化数据 - JSON-LD */}
                <script
                    type="application/ld+json"
                    dangerouslySetInnerHTML={{
                        __html: JSON.stringify({
                            "@context": "https://schema.org",
                            "@type": "Organization",
                            "name": "优T定制",
                            "url": "https://www.3dkeshihua.com/ut-seo/",
                            "logo": "https://www.3dkeshihua.com/ut-seo/images/logo.png",
                            "contactPoint": [
                                {
                                    "@type": "ContactPoint",
                                    "telephone": "400-123-4567",
                                    "contactType": "customer service",
                                    "email": "contact@youtidingzhi.com"
                                }
                            ],
                            "sameAs": [
                                "https://weibo.com/youtidingzhi",
                                "https://www.wechat.com/youtidingzhi"
                            ],
                            "address": {
                                "@type": "PostalAddress",
                                "streetAddress": "上海市浦东新区张江高科技园区",
                                "addressLocality": "上海市",
                                "addressRegion": "上海",
                                "postalCode": "201203",
                                "addressCountry": "CN"
                            }
                        })
                    }}
                />

                {/* 产品结构化数据 */}
                <script
                    type="application/ld+json"
                    dangerouslySetInnerHTML={{
                        __html: JSON.stringify({
                            "@context": "https://schema.org",
                            "@type": "Product",
                            "name": "优T定制小程序 - 个性化服装定制服务",
                            "description": "优T定制小程序提供T恤、POLO衫、卫衣等个性化服装定制服务，3分钟完成设计，3天发货，支持企业与个人定制。",
                            "brand": {
                                "@type": "Organization",
                                "name": "优T定制"
                            },
                            "offers": {
                                "@type": "Offer",
                                "priceCurrency": "CNY",
                                "price": "99",
                                "priceValidUntil": "2024-12-31",
                                "availability": "https://schema.org/InStock",
                                "url": "https://www.3dkeshihua.com/ut-seo/"
                            },
                            "aggregateRating": {
                                "@type": "AggregateRating",
                                "ratingValue": "4.9",
                                "reviewCount": "500"
                            },
                            "image": [
                                "https://www.3dkeshihua.com/ut-seo/images/promo_banner.png",
                                "https://www.3dkeshihua.com/ut-seo/images/1.png",
                                "https://www.3dkeshihua.com/ut-seo/images/2.png"
                            ]
                        })
                    }}
                />

                {/* 页脚 */}
                <footer className="text-center py-8 text-gray-500">
                    <p className="mb-4">© 2024 优T定制 - 专业服装定制平台</p>
                    <div className="flex justify-center space-x-6 mb-4">
                        <a href="/ut-seo/about-us" className="text-blue-600 hover:underline transition-all">关于我们</a>
                        <a href="/ut-seo/products" className="text-blue-600 hover:underline transition-all">产品展示</a>
                        <a href="/ut-seo/custom-process" className="text-blue-600 hover:underline transition-all">定制流程</a>
                        <a href="/ut-seo/faq" className="text-blue-600 hover:underline transition-all">常见问题</a>
                        <a href="/ut-seo/contact" className="text-blue-600 hover:underline transition-all">联系我们</a>
                    </div>
                    <p>电话：400-123-4567 | 邮箱：contact@youtidingzhi.com</p>
                    <div className="mt-4 text-sm">
                        <p className="text-gray-500">
                            优T定制小程序是<a href="https://developers.weixin.qq.com/miniprogram/" target="_blank" rel="noopener noreferrer" className="text-blue-600 hover:underline">微信小程序</a>认证合作伙伴，所有面料均来自<a href="https://www.baidu.com/s?wd=优质面料供应商" target="_blank" rel="noopener noreferrer" className="text-blue-600 hover:underline">优质面料供应商</a>。
                        </p>
                    </div>
                </footer>

                {/* 悬浮二维码 */}
                <div className="fixed right-6 bottom-20 z-50 bg-white p-4 rounded-xl shadow-2xl border border-gray-100 hover:shadow-3xl transition-all duration-300">
                    <div className="flex flex-col items-center">
                        <img
                            src="/ut-seo/images/wechat_2025-09-04_215836_898.jpg"
                            alt="优T定制小程序微信二维码 - 扫码添加好友获取定制优惠"
                            className="w-40 h-40 object-contain mb-2"
                            width={160}
                            height={160}
                        />
                        <p className="text-gray-800 font-medium text-sm text-center">扫码添加好友, 领取小礼品</p>
                    </div>
                </div>
            </div>
        </div>
    );
}
